import React from 'react';
import { StyleItem } from '../styled'
import {getWeekZh} from '../../../utils/dateFormat'
export default function ComingSoonItem(props) {
  let { filmId, name, poster,actors,filmType} = props.data
  return <StyleItem>
    <a href={'#/film/'+filmId} className='nowpaly-wrap'>
      <div className='nowplay-img'>
        <img src={poster} alt="" />
      </div>
      <div className='nowplay-info'>
        <div className='nowplay-name col-item'>
          <span className='name'>{name}</span>
          <span className='item'>{ filmType.name }</span>
        </div>
        {/* <div className='nowplay-grade col-item'>
          <span className='label'>观众评分</span>
          <span className='grade'>{  grade }</span>
        </div> */}
        <div className='nowplay-actors col-item'>
          主演：
          {
            actors.map(el => {
              return el.name+' '
            })
          }
        </div>
        <div className='nowplay-detail col-item'>
          {
            new Date(1469281964000).format("yyyy-MM-dd hh:mm:ss")
          }
        </div>
      </div>
    </a>
    <div className='nowplay-buy'>
      购票
    </div>
  </StyleItem>;
}
